<template>
    <h1>姓名: {{$route.params.username}}</h1>
    <h2>id: {{$route.params.id}}</h2>
</template>
<script>
export default{

    /***
     * 如果组件生命周期与路由不一致，该方法只会执行一次
     ***/
    mounted(){
        alert(`组件加载， 请求数据。路由参数为name:${this.$route.params.username} id:${this.$route.params.id}`)
    },
    beforeRouteUpdate(to, from){
        console.log(to,from)
        alert(`组件加载， 请求数据。路由参数为name:${this.$route.params.username} id:${this.$route.params.id}`)
    }
}
</script>